<template>
  <div>
    <button @click="btnClick">点击控制input聚集</button>
    <input type="text" ref="input" v-focus />
    <!-- 自定义指令：
           1：全局自定义指令
              Vue.directive(指令名,{
                方法...
              })
           2：局部自定义指令
               定义:
                  directives:{
                      指令名:{
                          方法：都不能用this
                             bind
                             inserted(dom,obj,vnode){dom:指令所在标签},  指令所在标签渲染完成
                             update
                             componentUpdated(){},指令所在组件更新完成
                             unbind
                      }
                  }
                使用：
                   标签  v-指令名
    
    
    -->
  </div>
</template>
<script>
export default {
  directives: {
    focus: {
      inserted (dom) {
        dom.focus()
      }
    }
  },
  methods: {
    btnClick () {
      this.$refs.input.focus()
    }
  }
}
</script>
<style></style>
>
